      html,
        body {
            width: 100%;
            height: 100%;
            background: #eee;
        }

        html {
            font-size: 62.5%;
        }

        [ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
            display: none !important;
        }

        .hearder {
            position: relative;
            width: 100%;
            height: 5.5rem;
            border-bottom: 1px solid #ccc;
            background: #fff;
        }

            .hearder p {
                text-align: center;
                color: #8F8F8F;
            }

            .hearder .titleName {
                line-height: 3rem;
                font-size: 1.6rem;
                color: #000;
            }

                .hearder .titleName.addName {
                    padding: 1rem 0;
                    box-sizing:border-box;
                    height:100%;
                }

        #ordersMoneys {
            color: #ff0000;
            font-size: 1.4rem;
            padding: 0 1rem;
        }

        .changepays {
            background: #fff;
            height: 3rem;
            font-size: 1.5rem;
            color: #000;
            line-height: 3rem;
            text-align: center;
            color: #888;
        }

        .bankList {
            margin-top: 1.6rem;
            background: #fff;
            width: 100%;
        }

            .bankList ul li {
                padding: 0 1.3rem;
            }

            .bankList label {
                background: url(../../Content/Wap/Wapimages/nosel.png)no-repeat;
                background-size: 1.6rem 1.6rem;
                background-position: 0 1.8rem;
                width: 100%;
                height: 5rem;
                display: inline-block;
                line-height: 5rem;
                border-bottom: 1px solid #ccc;
                position: relative;
            }

            .bankList .actives {
                background-image: url(../../Content/Wap/Wapimages/sel.png);
            }

        .oInputRdio {
            display: none;
        }

        .bankList input[type="radio"] {
            width: 100%;
            height: 100%;
            display: none;
        }

        .bankList label .weixin {
            display: inline-block;
            width: 3.5rem;
            height: 3rem;
            position: absolute;
            top: 1.2rem;
            left: 3.5rem;
        }

        .bankList label .zhifu {
            display: inline-block;
            width: 3.5rem;
            height: 3.5rem;
            position: absolute;
            top: 1.2rem;
            left: 3.5rem;
        }

        .bankList label .gy {
            display: inline-block;
            width: 3.5rem;
            height: 3.5rem;
            position: absolute;
            top: 1.2rem;
            left: 3.5rem;
        }

        .bankList label .payNames {
            padding-left: 9rem;
            font-size: 1.6rem;
        }

        #orderNames {
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
            position: fixed;
            bottom: 4.8rem;
            line-height: 2rem;
            font-size: 1.4rem;
            padding-left: 2rem;
            width: 80%;
        }

        .footers {
            position: fixed;
            bottom: 0;
            left: 0;
            height: 4rem;
            width: 100%;
            background: #fff;
            font-size: 1.5rem;
        }

            .footers .footPrice {
                float: left;
                padding-left: 2rem;
                text-align: left;
                width: 60%;
                display: inline-block;
                line-height: 4rem;
            }

            .footers .linkBank {
                color: #fff;
                font-size: 2rem;
                line-height: 4rem;
                float: right;
                width: 30%;
                background: #FF7300;
                text-align: center;
            }

        .addBanks {
            position: relative;
        }

            .addBanks i a {
                color: #000;
                position: absolute;
                right: 1rem;
                top: 2.5rem;
                font-size: 1.4rem;
                font-style: normal;
            }

        .addbankList {
            background: #fff;
        }

            .addbankList ul li {
                height: 5rem;
                line-height: 5rem;
                padding: 0 1.5rem;
                position: relative;
            }

                .addbankList ul li a {
                    color: #000;
                }

                .addbankList ul li p {
                    border-bottom: 1px solid #ccc;
                }

                .addbankList ul li img {
                    margin: 0 1rem;
                    display: inline-block;
                    width: 3rem;
                    height: 3rem;
                    position: absolute;
                    top: 1rem;
                }

                .addbankList ul li span {
                    padding-left: 6rem;
                    font-size: 1.5rem;
                }

        .oInputBank {
            background: #fff;
            width: 100%;
            border-bottom: 1px solid #ccc;
            box-sizing: border-box;
        }

            .oInputBank label {
                position: relative;
                width: 100%;
                height: 6rem;
                display: inline-block;
                line-height: 6rem;
            }

                .oInputBank label i {
                    height:;
                    position: absolute;
                    right: 1.2rem;
                    top: 2rem;
                    width: 1.6rem;
                    background: url(../../Content/Wap/Wapimages/clear.jpg) no-repeat;
                    background-size: 100%;
                }

                .oInputBank label span {
                    width: 6rem;
                    text-align: left;
                    display: inline-block;
                    font-size: 1.4rem;
                    padding: 0 1rem;
                }

                .oInputBank label input {
                    width: 52%;
                    border: 0;
                    outline: none;
                    font-size: 1.2rem;
                    white-space: nowrap;
                    text-overflow:ellipsis; 
                    overflow:hidden;
                }

        .getGo {
            width: 100%;
            text-align: center;
            margin-top: 3rem;
        }

            .getGo .btnGo {
                background: #C0C0C0;
                outline: none;
                border: 0;
                width: 100%;
                display: inline-block;
                height: 4rem;
                line-height: 4rem;
                font-size: 1.6rem;
                color: #fff;
            }


        .bankGo {
            background-size: cover;
            position: absolute;
            top: 5px;
            left: 10px;
            width: 1rem;
            height: 80%;
            display: inline-block;
            background: url(../../Content/Wap/Wapimages/back.png) no-repeat;
        }

        .nextBtn {
            width: 100%;
            display: inline-block;
            height: 4rem;
            line-height: 4rem;
            font-size: 1.6rem;
            color: #fff;
            background: #4CD964;
        }

        .getGo .active {
            background: #6FCB15;
        }

        .masgInfo {
            background: #fff;
            width: 100%;
        }

            .masgInfo .masgInfop {
                border-bottom: 1px solid #ccc;
                padding-left: 1.2rem;
                height: 5rem;
                line-height: 5rem;
                font-size: 1.6rem;
            }

                .masgInfo .masgInfop span {
                    width: 7rem;
                    text-align: left;
                    display: inline-block;
                    font-size: 1.4rem;
                    padding-right: 1rem;
                }

        .bannerIofo {
            width: 100%;
            height: 13rem;
            background: #FF7300;
            position: relative;
        }

            .bannerIofo .bannerImg {
            }

            .bannerIofo .infos {
                width: 7rem;
                display: inline-block;
                text-align: left;
                position: absolute;
                top: 3rem;
                left: 4rem;
            }

                .bannerIofo .infos span {
                    color: #fff;
                    line-height: 3rem;
                    font-size: 1.8rem;
                    display: inline-block;
                }

            .bannerIofo .bannerImg img {
                width: 9rem;
                height: 8rem;
                position: absolute;
                right: 3rem;
                top: 2rem;
            }

        .telInfo {
            font-size: 1.4rem;
            padding: 1.2rem 0.8rem;
            color: #717171;
        }

        .getCode {
            width: 100%;
            position: relative;
            border-bottom: 1px solid #ccc;
            border-top: 1px solid #ccc;
        }

            .getCode input {
                padding-left: 0.8rem;
                outline: none;
                font-size: 1.6rem;
                border: 0;
                height: 4rem;
                width: 60%;
            }

            .getCode button {
                color: #fff;
                font-size: 1.6rem;
                outline: none;
                border: 0;
                background: #6FCB15;
                width: 40%;
                height: 4rem;
                position: absolute;
                right: 0;
                top: 0;
            }